<template>
    <div class="body-container">
        <div class="content-right">

            <!--        头部部分-->
            <div class="header">
                <h3 class="page-header" style="margin-top: 20px;">
                    管理员中心 <small>Welcome Administrator</small>
                </h3>
                <ol class="breadcrumb">
                    <li @click="$router.push('/')"><a href="#">主页</a></li>
                    <li @click="$router.push('/')"><a href="#">个人中心</a></li>
                </ol>
            </div>

            <!-- /. ROW  -->
            <div class="row" style="margin-top: 20px;">
                <div class="col-sm-12">
                    <div class="jumbotron">
                        <h2>欢迎您！学校管理员</h2>
                        <p>欢迎登录考试通后台管理系统，在这里可以实现对考试系统及教师信息的管理！</p>
                        <p>
                            <a class="btn btn-primary btn-lg" role="button">Learn more</a>
                        </p>
                    </div>
                </div>
            </div>

            <el-descriptions class="margin-top" title="管理员信息" :column="3" :size="size" border>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-user"></i>
                        用户名
                    </template>
                    kooriookami
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-mobile-phone"></i>
                        手机号
                    </template>
                    18100000000
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-location-outline"></i>
                        居住地
                    </template>
                    苏州市
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-tickets"></i>
                        备注
                    </template>
                    <el-tag size="small">学校管理员</el-tag>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-office-building"></i>
                        联系地址
                    </template>
                    江苏省苏州市吴中区吴中大道 1188 号
                </el-descriptions-item>
            </el-descriptions>

            <div class="row" style="margin-top: 20px;">
                <div class="col-sm-6">
                    <el-calendar v-model="value">
                    </el-calendar>
                </div>
                <div class="col-sm-6">
                    <el-card class="box-card">
                        <div slot="header" class="clearfix">
                            <h2>系统公告</h2>
                        </div>
                        <div  class="text item">本项目正处于维护阶段</div>
                        <div  class="text item">出现问题请联系 + 13979482986</div>
                    </el-card>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "AdminIntroduce",
        data() {
            return {
                value: new Date(),

            }
        },
        methods: {}
    }
</script>

<style scoped>
    .body-container {
        width: 100%;
        height: 100%;
    }

    .text {
        font-size: 14px;
    }

    .item {
        margin-bottom: 18px;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }
    .clearfix:after {
        clear: both
    }

    .box-card {
        width: 100%;
    }

</style>